<template>
	<view class="">
		<u-tabbar :value="item" :fixed="true" activeColor="#FE9110" inactiveColor="#A7A7A7" :placeholder="true"
			:safeAreaInsetBottom="true">
			<u-tabbar-item text="订单处理" @click="navTab(0)">
				<image class="u-page__item__slot-icon" style="width: 40rpx;height: 46rpx;" slot="active-icon"
					src="@/static/icon/order.png"></image>
				<image class="u-page__item__slot-icon" style="width: 40rpx;height: 46rpx;" slot="inactive-icon"
					src="@/static/icon/order_no.png"></image>
			</u-tabbar-item>
			<u-tabbar-item text="店铺管理" @click="navTab(1)">
				<image class="u-page__item__slot-icon" style="width: 46rpx;height: 46rpx;" slot="active-icon"
					src="@/static/icon/store.png"></image>
				<image class="u-page__item__slot-icon" style="width: 46rpx;height: 46rpx;" slot="inactive-icon"
					src="@/static/icon/store_no.png"></image>
			</u-tabbar-item>
			<u-tabbar-item text="我的" @click="navTab(3)">
				<image class="u-page__item__slot-icon" style="width: 46rpx;height: 46rpx;" slot="active-icon"
					src="@/static/icon/my.png"></image>
				<image class="u-page__item__slot-icon" style="width: 46rpx;height: 46rpx;" slot="inactive-icon"
					src="@/static/icon/my_no.png"></image>
			</u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		props: ['item'],
		data() {
			return {
				value1: 0,
			}
		},
		methods: {
			navTab(value) {
				this.value1 = value
				if (this.value1 == 0) {
					uni.reLaunch({
						url: '/pages/store/index',
						animationType: 'none',
						animationDuration: 0
					})
				} else if (this.value1 == 1) {
					uni.reLaunch({
						url: '/pages/store/store',
						animationType: 'none',
						animationDuration: 0
					})
				} else {
					uni.reLaunch({
						url: '/pages/store/my',
						animationType: 'none',
						animationDuration: 0
					})
				}
			}
		}
	}
</script>

<style>
</style>